<template>
  <div class="about">
    <ul>
      <li v-for="(item, index) in $store.state.data" :key="index">
        {{ item.name }}==={{ item.r }}
      </li>
    </ul>
  </div>
</template>
<script>
export default {
  data() {
    return {};
  },
  mounted() {
    // this.$axios.get("data.json").then((res) => {
    //   this.$store.commit("setdata", res.data.list);
    // });
    // 如果想要把json的数据存在vuex,第一种方法可以 直接在这个页面中用axios请求，把请求到的数据传给vuex 里的mutation，让mutation去设置这个值

    this.$store.dispatch("getdata");
    //让vuex里的action去请求数据
  },
};
</script>
